<template>
  <div>
    <div class="header">
      <el-button type="success" class="el-icon-circle-plus-outline" @click="add"
        >新增</el-button
      >
      <div class="right">
        <el-input v-model="input" placeholder="查找" class="myinput"></el-input>
        <el-button class="el-icon-search sou"></el-button>
      </div>
    </div>
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="date" label="ID" width="180"> </el-table-column>
      <el-table-column prop="name" label="类型" width="180"> </el-table-column>
      <el-table-column prop="address" label="标题"> </el-table-column>
      <el-table-column prop="address" label="发布时间"> </el-table-column>
      <el-table-column prop="address" label="发布人"> </el-table-column>
      <el-table-column prop="address" label="部门"> </el-table-column>
      <el-table-column prop="address" label="状态" width="80">
        <el-tag>一般</el-tag></el-table-column
      >
      <el-table-column prop="address" label="附件"> </el-table-column>
      <el-table-column label="操作" class="roeone" width="300">
        <el-button type="primary" class="el-icon-edit modbt" @click="mod"
          >修改</el-button
        >
        <el-button type="danger" class="el-icon-close modbt">删除</el-button>
      </el-table-column>
    </el-table>
    <page :countNum="countNum"></page>
  </div>
</template>
<script>
import page from "../../components/report_ssh/pageFtoor.vue";
export default {
  name: "",
  components: { page },
  data() {
    return {
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
      input: "",
      countNum: 0,
    };
  },
  methods: {
    add() {
      this.$router.push("/home/Schedule_management/Schedule_add");
    },
    mod() {
      this.$router.push("/home/Schedule_management/Schedule_mod");
    },
  },
};
</script>
<style lang="less" scoped>
.top {
  padding: 10px;
  font-size: 18px;
  box-sizing: border-box;
}
.header {
  button {
    line-height: 5px;
    font-weight: bold;
    margin: 10px 6px;
  }
}
.left {
  float: left;
}
.right {
  float: right;
  button {
    height: 40px;
    margin: 0;
  }
  .myinput {
    width: 200px;
    height: 30px;
  }
}
.modbt {
  width: 70px;
  // height: 26px;
  line-height: 10px;
  font-weight: bold;
}
.zhaungtai {
  width: 50px;
  height: 30px;
  border-style: none;
  color: white;
  background-color: skyblue;
  padding: 0 1px;
  font-size: 12px;
}
</style>